<template>
    <el-card class="css-msg">
      <el-tabs v-model="activeIndex" class="auto-tabs">
          <el-tab-pane label="公司动态" name="companyMsg">
            <el-table>
            </el-table>
          </el-tab-pane>
          <el-tab-pane label="信息提醒" name="myMsg">
            <el-table>
            </el-table>
          </el-tab-pane>
      </el-tabs>
      <div class="more-btn">
        <a @click="showAll">查看全部</a>
      </div>
    </el-card>
</template>

<script>
import resize from './mixins/resize'

export default {
  mixins: [resize],
  props: {
    chartData: {
      type: Object,
      required: true
    }
  },
  data() {
    return {
      chart: null,
      activeIndex: 'companyMsg',
      options: [
        {
          name: '发现',
          type: 1
        },
        {
          name: '沟通',
          type: 2
        },
        {
          name: '评估',
          type: 3
        },
        {
          name: '通过',
          type: 4
        },
        {
          name: '签约',
          type: 5
        }
      ]
    }
  },
  watch: {
  },
  computed: {
  },
  mounted() {
  },
  beforeDestroy() {
  },
  methods: {
    // tab 切换时, 动态的切换路由
    tabClick(tab) {
      console.log(tab)
    },
    showAll() {
      console.log('showall')
    }
  }
}
</script>

<style lang="scss" scoped>
  .css-msg {
    position: relative;
    min-height: 368px;
  }

  @media (max-width:480px) {
     ::v-deep .el-tabs__item {
      padding: 0 5px;
    }
    .css-msg {
      position: relative;
      min-height: 240px;
    }
  }
  @media (max-width:768px) {
    ::v-deep .el-tabs__item {
      padding: 0 5px;
    }
    .css-msg {
      position: relative;
      height: auto;
    }
  }
  @media (max-width:1100px) {
    .css-msg {
      position: relative;
      min-height: 278px;
    }
  }
</style>
